.reply-card .reply-card-operation-bottom {
  zoom: 1
}

.reply-card .reply-card-operation-bottom::after {
  content: '';
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  font-size: 0
}

.reply-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 50px;
  overflow: visible;
  background-color: #fff
}

.reply-card+.reply-card {
  border-top: 1px solid #ebebeb
}

.reply-card:hover .reply-card-operation-top__item {
  opacity: 1
}

.reply-card__avatar {
  margin-right: 10px
}

.reply-card__container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  overflow: visible
}

.reply-card pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-word
}

.reply-card>.reply-card:last-child .reply-card__container {
  border-bottom: none
}

.reply-card__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 2px
}

.reply-card__account {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.reply-card__floor {
  font-size: 14px;
  line-height: 18px;
  color: #ccc
}

.reply-card .reply-card-operation-top {
  text-align: center;
  color: #ccc;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 16px;
  height: 16px;
  margin-right: -15px
}

.reply-card .reply-card-operation-top__item {
  opacity: 0;
  cursor: pointer;
  border-right: 1px solid #ccc;
  padding: 0 15px
}

.reply-card .reply-card-operation-top__item.mhy-select {
  height: auto
}

.reply-card .reply-card-operation-top__item.mhy-select .mhy-select__menu {
  top: 23px;
  left: auto;
  right: 15px
}

.reply-card .reply-card-operation-top__item.mhy-select .mhy-select__icon {
  color: #ccc
}

.reply-card .reply-card-operation-top__item.mhy-select .mhy-select__label {
  color: #ccc
}

.reply-card .reply-card-operation-top__item.mhy-select .mhy-selectmenu__list {
  padding: 5px 0
}

.reply-card .reply-card-operation-top__item.mhy-select .mhy-selectmenu__icon {
  display: none
}

.reply-card .reply-card-operation-top__item.mhy-select .mhy-selectmenu__item {
  line-height: 14px
}

.reply-card .reply-card-operation-top__item.mhy-select .mhy-selectmenu__item:hover {
  background-color: #f7f8fc
}

.reply-card .reply-card-operation-top__item--visible {
  opacity: 1
}

.reply-card .reply-card-operation-top__item:last-child {
  border-right: none
}

.reply-card__content {
  padding: 20px 0;
  word-wrap: break-word;
  word-break: break-word;
  font-size: 14px;
  line-height: 24px;
  color: #666;
  overflow: hidden
}

.reply-card__content img[preview] {
  max-width: 100%;
  display: block;
  margin: 15px 0
}

.reply-card__content img[preview]+img[preview] {
  margin-top: 0
}

.reply-card__time {
  color: #ccc
}

.reply-card__origin {
  color: #4cc3ff;
  font-size: 14px
}

.reply-card .reply-card-operation-bottom a {
  color: #00b2ff
}

.reply-card .reply-card-operation-bottom__item {
  color: #ccc;
  line-height: 14px;
  margin-right: 15px;
  cursor: pointer;
  border-right: 1px solid #ccc;
  padding: 0 15px
}

.reply-card .reply-card-operation-bottom__right {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.reply-card .reply-card-operation-bottom__right .mhy-icon,
.reply-card .reply-card-operation-bottom__right .mhy-symbol-icon,
.reply-card .reply-card-operation-bottom__right .mhy-img-icon {
  margin-right: 8px;
  font-size: 16px;
  display: inline-block
}

.reply-card .reply-card-operation-bottom__right span {
  display: inline-block;
  line-height: 1;
  margin-top: 1px;
  color: #ccc
}

.reply-card__replyname {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: top
}

.reply-card__replyname .mhy-account-title__name {
  color: #4cc3ff
}

.reply-card__label {
  color: #ccc;
  margin-right: 6px
}

.reply-card__replies {
  padding: 15px;
  background-color: #f7f8fc;
  border-radius: 8px;
  margin-top: 20px
}

.reply-card__replies .mhy-account-title__name {
  color: #00b2ff
}

.reply-card .reply-card-inner-reply {
  font-size: 14px;
  cursor: pointer
}

.reply-card .reply-card-inner-reply:hover .reply-card-inner-reply-operation__item,
.reply-card .reply-card-inner-reply:hover .reply-card-inner-reply-operation__separator {
  opacity: 1
}

.reply-card .reply-card-inner-reply+.reply-card-inner-reply {
  margin-top: 10px
}

.reply-card .reply-card-inner-reply__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.reply-card .reply-card-inner-reply__header .reply-card-inner-reply-operation {
  position: absolute;
  top: 3px;
  right: 0
}

.reply-card .reply-card-inner-reply__name {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.reply-card .reply-card-inner-reply__name .mhy-account-title__name {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.reply-card .reply-card-inner-reply__name .mhy-avatar {
  margin-right: 8px
}

.reply-card .reply-card-inner-reply__name .reply-card__label {
  margin: 0 6px
}

.reply-card .reply-card-inner-reply__replyname {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.reply-card .reply-card-inner-reply__content {
  margin-top: 3px;
  font-size: 14px;
  padding-left: 32px;
  line-height: 24px;
  color: #666;
  overflow: hidden
}

.reply-card .reply-card-inner-reply__content .emoticon-image {
  vertical-align: bottom
}

.reply-card .reply-card-inner-reply__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 5px 0
}

.reply-card .reply-card-inner-reply__detail {
  color: #999;
  height: 27px;
  line-height: 27px;
  text-align: center;
  cursor: pointer;
  margin-top: 10px
}

.reply-card .reply-card-inner-reply-operation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #f7f8fc
}

.reply-card .reply-card-inner-reply-operation .mhy-heart-click .mhy-symbol-icon,
.reply-card .reply-card-inner-reply-operation .mhy-heart-click .mhy-img-icon {
  font-size: 16px
}

.reply-card .reply-card-inner-reply-operation .mhy-heart-click span {
  color: #ccc;
  margin-left: 8px;
  margin-top: 1px
}

.reply-card .reply-card-inner-reply-operation__item {
  opacity: 0;
  color: #ccc;
  cursor: pointer;
  margin-left: 20px;
  line-height: 18px
}

.reply-card .reply-card-inner-reply-operation__item--visible {
  opacity: 1
}

.reply-card .reply-card-inner-reply-operation__separator {
  opacity: 1;
  height: 14px;
  color: #ccc;
  margin: 0 20px;
  line-height: 18px;
  border-right: 1px solid #ccc
}

.mhy-reply-box.mhy-reply-box-simple.reply-card-main {
  padding-top: 5px
}

.mhy-reply-box.mhy-reply-box-simple.reply-card-empty {
  padding-top: 5px;
  padding-bottom: 5px
}